<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <title>巨量数据管理系统</title>
    <meta name="keywords" content="platform,数据管理系统,platform框架,platform系统">
    <meta name="description" content="platform基于SpringBoot2.0的权限管理系统 易读易懂、界面简洁美观。 核心技术采用Spring、MyBatis、Shiro没有任何其它重度依赖">
    <link href="../static/css/bootstrap.min.css" th:href="@{css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.css" th:href="@{~/css/style.css}" rel="stylesheet"/>
    <link href="../static/css/login.css" th:href="@{~/css/login.css}" rel="stylesheet"/>
    <link href="../static/ajax/libs/iCheck/custom.css" th:href="@{/ajax/libs/iCheck/custom.css}" rel="stylesheet"/>
    <!--<link href="../static/platform/css/platform-ui.css" th:href="@{~/platform/css/platform-ui.css}" rel="stylesheet"/>-->
    <link href="../static/platform/css/ry-ui.css" th:href="@{~/platform/css/ry-ui.css}" rel="stylesheet"/>
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>
    <style type="text/css">label.error {
        position: inherit;
    }</style>
    <script>
        if (window.top !== window.self) {
            window.top.location = window.location
        }
        ;
    </script>
</head>

<body class="signin">

<div class="signinpanel">
    <div class="row">
        <div class="col-sm-7">
            <div class="signin-info">
                <div class="logopanel m-b">
                    <!--<h1><img alt="[ platform ]" src="../static/platform1.png" th:src="@{/platform.png}"></h1>-->
                </div>
                <div class="m-b">
                <h4>欢迎使用 <strong>巨量助手 数据管理平台</strong></h4>

                </div>
                <ul class="m-b">
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 广告管理</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 数据中心</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 流程设计</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 数据监控</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 后台管理</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 服务监控</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 任务管理</li>
                </ul>
            </div>
        </div>
        <div class="col-sm-5">
            <!-- 选项卡菜单-->
            <ul id="signupTab" class="nav nav-tabs" role="tablist">
                <li class="active">
                    <a href="#signup_pane" role="tab" data-toggle="tab">账户密码登录</a>
                </li>
                <li>
                    <a href="#login_container" role="tab" data-toggle="tab">钉钉扫码登录</a>
                </li>
            </ul>
            <!-- 选项卡面板 -->
            <div id="signupTabContent" class="tab-content">
                <div class="tab-pane active" id="signup_pane">
                    <form id="signupForm" method="post" onsubmit="return false">
                        <h3 class="no-margins">登录：</h3>
                        <p class="m-t-md">欢迎登录数据管理平台</p>
                        <input type="text" name="username" class="form-control uname" placeholder="用户名"/>
                        <input type="password" name="password" class="form-control pword m-b" placeholder="密码"/>
                        <div class="row" th:if="${captchaEnabled==true}">
                            <div class="col-xs-6">
                                <input type="text" name="validateCode" class="form-control code" placeholder="验证码"
                                       maxlength="5">
                            </div>
                            <div class="col-xs-6">
                                <a href="javascript:void(0);" title="点击更换验证码">
                                    <img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>
                                </a>
                            </div>
                        </div>
                        <input class="i-checks" type="checkbox" name="rememberme" checked/>&nbsp;&nbsp;记住我
                        <button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证登录，请稍后...">登录</button>
                    </form>
                </div>
                <div class="tab-pane" id="login_container"></div>
            </div>
        </div>
    </div>
    <div class="signup-footer">
        <div class="pull-left">
            &copy; 2018 All Rights Reserved. platform <br>
        </div>
    </div>
</div>
<script th:inline="javascript">
    var ctx = [[@{/}]];
    var captchaType = [[${captchaType}]];
</script>
<!-- 全局js -->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<!-- 验证插件 -->
<script src="../static/ajax/libs/validate/jquery.validate.min.js"
        th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<script src="../static/ajax/libs/validate/messages_zh.min.js"
        th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
<script src="../static/ajax/libs/layui/layui.all.js" th:src="@{/ajax/libs/layui/layui.all.js}"></script>
<script src="../static/ajax/libs/iCheck/icheck.min.js" th:src="@{/ajax/libs/iCheck/icheck.min.js}"></script>
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="../static/platform/js/platform-ui.js" th:src="@{~/platform/js/platform-ui.js}"></script>
<script src="../static/platform/login.js" th:src="@{~/platform/login.js}"></script>
<!--钉钉扫码登录-->
<script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>
<script src="../static/platform/dingtalk.js" th:src="@{~/platform/dingtalk.js}"></script>
</body>
</html>
